<template>
  <div class="Fang">
      <div class="fanganB">
          <div class="fangan" v-for="(v,i) in this.$store.getters.fangan" :key="i">
               <img :src="v.img" alt="">
               <h4>{{v.h1}}</h4>
               <div class="fanganA">
                   <van-image  round  width=".2rem" height=".2rem" src="https://img01.yzcdn.cn/vant/cat.jpeg"/>
                   <span>{{v.h2}}</span>
               </div>
          </div> 
      </div>
  </div>
</template>

<script>
export default {
    created(){
        this.$store.dispatch("link",{url:"/data/fangan"})
    },
}
</script>

<style scoped>
.Fang{
    margin-bottom: 1rem;
}
   .fangan{
       width: 1.8rem;
       height: 2.3rem;
       margin-top: .1rem;
   }
   .fanganB{
       display: flex;
       justify-content: space-between;
       flex-wrap: wrap;
   }
   img{
       width: 100%;
   }
   .fanganA{
       display: flex;
   }
</style>